<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/header.css"/>
        <link rel="stylesheet" type="text/css" href="../css/monitor.css">
	</head>
	<body>
		<!-- header头部 -->
		<div id="header">
			<h1 class="title"><i></i>智慧防汛-调度指挥系统</h1>
			<div class="header-right">
				<div class="icon">
					<a href="#" title=""><i class="i-1"></i></a>
					<a href="#" title=""><i class="i-2"></i></a>
					<a href="#" title=""><i class="i-3"></i></a>
				</div>
				<div class="tab">
					<ul>
						<li><a href="../index.html" title="">汛情信息</a></li>
						<li class="active"><a href="./monitor.html" title="">水雨情监测</a></li>
						<li><a href="./video.html" title="">视频监控</a></li>
						<li><a href="./talkback.html" title="">实时对讲</a></li>
						<li><a href="./task.html" title="">任务通知</a></li>
						<li><a href="./hidden.html" title="">灾情隐患点</a></li>
					</ul>
				</div>
			</div>
		</div>
    <!-- mian -->
    <div id="main" class="wan">
        <div id="left">
        <div class="sq">
            <table style="table-layout:fixed">
                <caption>水位测站点列表</caption>
                <thead>
                    <tr>
                        <th>测站名</th>
                        <th>实时水位(米)</th>
                        <th>警戒线(米)</th>
                        <th style="width:15%;">汛限(米)</th>
                        <th>1小时变化(米)</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>帆游</td>
                        <td>27.75</td>
                        <td>31.25</td>
                        <td>32.43</td>
                        <td>-3.21</td>
                    </tr>
                    <tr>
                        <td>西山</td>
                        <td>27.75</td>
                        <td>31.25</td>
                        <td>32.43</td>
                        <td>-3.21</td>
                    </tr>
                    <tr>
                        <td>泉明寺</td>
                        <td>27.75</td>
                        <td>31.25</td>
                        <td>32.43</td>
                        <td>-3.21</td>
                    </tr>
                    <tr>
                        <td>塘下坑</td>
                        <td>27.75</td>
                        <td>31.25</td>
                        <td>32.43</td>
                        <td>-3.21</td>
                    </tr>
                    <tr>
                        <td>坑口塘</td>
                        <td>27.75</td>
                        <td>31.25</td>
                        <td>32.43</td>
                        <td>-3.21</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="yq" style=" display:none;">
            <table style="table-layout:fixed;">
                <caption>雨量测站点列表</caption>
                <thead>
                    <tr>
                        <th>测站名</th>
                        <th>雨量(毫米)</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>帆游</td>
                        <td>32.43</td>
                    </tr>
                    <tr>
                        <td>西山</td>
                        <td>32.43</td>
                    </tr>
                    <tr>
                        <td>泉明寺</td>
                        <td>32.43</td>
                    </tr>
                    <tr>
                        <td>塘下坑</td>
                        <td>32.43</td>
                    </tr>
                    <tr>
                        <td>坑口塘</td>
                        <td>32.43</td>
                    </tr>
                </tbody>
            </table>
        </div>
            <table style="table-layout:fixed;">
                <caption>【坑口塘】监测详情2016-07-10</caption>
                <thead>
                    <tr>
                        <th>2016年7月10日06时05分</th>
                        <th>测站名</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>2016年7月10日06时05分</td>
                        <td>27.75</td>
                       
                    </tr>
                    <tr>
                        <td>2016年7月10日06时05分</td>
                        <td>27.75</td>
                       
                    </tr>
                    <tr>
                        <td>2016年7月10日06时05分</td>
                        <td>27.75</td>
                        
                    </tr>
                    <tr>
                        <td>2016年7月10日06时05分</td>
                        <td>27.75</td>
                       
                    </tr>
                    <tr>
                        <td>2016年7月10日06时05分</td>
                        <td>27.75</td>
                        
                    </tr>
                </tbody>
            </table>
            <div class="line">
                <h2>监测水位趋势图</h2>
                <div id="line"></div>
            </div>
            <div class="legend">
                <i></i>
                <i></i>
            </div>
        </div>
        <div id="content">
            <div id="inform">
                <i></i>
                <div class="inform"><span>预警信息，共有5个测站点发生降雨，坑口塘，雨金，金桥3个测站降水达到暴雨级别，1个水库水位超警戒线，2个谁可以水位超讯线</span></div>
            </div>
           
        </div>
    </div>
	</body>
    <script src="../js/echarts.js"></script>
    <script src="../js/jquery.min.js"></script>
    <script src="../js/monitor.js"></script>
</html>
